import { ref, watch } from 'vue'
import useLayersModal from '@/composables/useLayers'
import type { ILayer } from 'geoserver-helper/interface'
const mapUrl = import.meta.env.VITE_MAP_SERVER_URL
const layersModal = useLayersModal()
// 查询出的原始图层数据
export const orignTableData = ref<ILayer.LayerInfo[]>([])

interface ILayerQueryForm {
  workspace: string
  name: string
  // type: string
  pageNum: number
  pageSize: number
}
// 默认的图层查询表单
const defaultLayersQueryFormData: ILayerQueryForm = {
    workspace: '',
    name: '',
    // type:'',
    pageNum: 1,
    pageSize: 10,
}
// 图层查询表单
export const layersQueryFormData = ref<ILayerQueryForm>(JSON.parse(JSON.stringify(defaultLayersQueryFormData)))

// 数据总条数
export const totalOrignTableData = ref(0)
// 图层查询过滤组合函数
export default function useLayersFilterModal() {
    return {
        defaultLayersQueryFormData,
        layersQueryFormData,
        orignTableData,
        totalOrignTableData,
    }
}


/**************************************************图层编辑start*************************************************** */
// 切片设置显隐
const cacheSetVisible = ref(false)
//图层详情显隐
const detailVisible = ref(false)
// 当前编辑的图层
const currentEditLayer = ref<ILayer.LayerInfo>()
watch(
    () => currentEditLayer.value,
    () => {
    },
)
// 图层编辑组合函数
export function useLayerEditModal() {
    return {
        currentEditLayer,
        cacheSetVisible,
        detailVisible
    }
}

/**************************************************图层编辑end*************************************************** */

/**************************************************图层发布start*************************************************** */
//图层发布界面显隐
const publishLayerVisible = ref(false)
// 图层编辑组合函数
export function useLayerPublishModal() {
    return {
      publishLayerVisible,
    }
}

/**************************************************图层发布end*************************************************** */
